<template>
<test-main sid="XVjFmi2WWF" class="" itemsstr="https://via.placeholder.com/300/09f.png/fff,https://via.placeholder.com/300/09f.png/fff" sstyle="{'.test-main':{height:'100vh','padding-bottom':'2rem'},'.test-main-inner':{height:'100%',overflow:'hidden'}}">
    <test-s sid="G0lcNoxcHA" ssurl="zt/20200513/" link="http://h5.kaoyan-vip.cn/api/link/5ebb5f3937a93e97c11d6f1f/" sstyle="{'.footer':{left:'50%',position:'fixed',bottom:'0rem',color:'rgba(119, 255, 0, 1)',height:'2rem','background-color':'rgba(32, 48, 221, 0.46)',transform:'translateX(-50%)'},'.footer > a:nth-child(1)':{width:'1rem',height:'1rem','background-color':'rgba(254, 24, 24, 0.84)',position:'absolute',top:'0rem',left:'0rem'},'.footer > a:nth-child(2)':{position:'absolute',right:'0rem',width:'1rem',height:'1rem','background-color':'rgba(213, 178, 23, 0.75)',bottom:'0rem'}}" class=""></test-s>
</test-main>
</template>

<script>
    setTimeout(() => {
      new Vue({
          el: '#app'
      })
  }, 1000)
</script>

<style>
    * {
        padding: 0;
        margin: 0;
    }

    html {
        font-size: 100px;
    }

    @media screen and (max-width: 750px) {
        html {
            font-size: 13.33333vw;
        }
    }

    .warpper {
        width: 7.5rem;
        margin: 0 auto;
        position: relative;
    }

  .header {
    width: 7.5rem;
    position: relative;
  }

  .header p {
    position: absolute;
    top: 0.16rem;
    right: .3rem;
    font-size: 0.2rem;
    color: #1fa6a2;
    font-weight: bold;
  }

  img {
    width: 7.5rem;
    display: block;
  }


  .content {
    padding-bottom: 0;
  }
</style>